<template>
	<view class="content">
		<image mode="widthFix" class="image" src="@/static/images/special/course-step1.jpg" alt="" />
		<image mode="widthFix" class="image" src="@/static/images/special/course-step2.jpg" alt="" />
		<image mode="widthFix" class="image" src="@/static/images/special/course-step3.jpg" alt="" />
		<image mode="widthFix" class="image" src="@/static/images/special/course-step4.jpg" alt="" />

		<!--回到顶部-->
		<view class="scrollTop" :class="[{ show: isShowScrollTop }]" @tap="backTop">
			<text class="iconfont icon-huidaodingbu"></text>
		</view>
	</view>
</template>

<script>
export default {
	name: 'special-course',
	data() {
		return {
			isShowScrollTop: false,
		}
	},
	methods: {
		backTop() {
			uni.pageScrollTo({
				scrollTop: 0,
				duration: 0
			})
		}
	},
	onPageScroll(e) {
		if (e.scrollTop > 350) {
			this.isShowScrollTop = true;
		} else {
			this.isShowScrollTop = false;
		}
	},
};
</script>

<style lang="scss" scoped>
.content {
	.image {
		width: 100%;
		display: block;
	}
}
</style>
